<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="icon"
        href="">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
    <title>Upload Tool</title>
</head>

<body style="background:rgb(231, 231, 231);">
    <div class="container">
        <div class="card-head">
            <span class="c-head-content">Upload Tool</span>
            <span id="version"></span>
        </div>
        <div style="margin:10px 10px 10px 10px;">
            <div style="margin-top: 15px;">
                <span>Type:</span>
                <select name="fileType" id="fileType">
                    <option value="-1" hidden>not supported</option>
                    <option value="0" style="display: none;" id="firmUploadOption">firmware</option>
                    <option value="1" style="display: none;" id="fileUploadOption">file</option>
                    <option value="2" style="display: none;" id="dirUploadOption">directory</option>
                </select>
            </div>

            <form action="" style="margin-top: 5px;">
                <span>Path:</span>
                <input id="uploadPath" type="text" placeholder="/">
                <input type="button" id="fileBtn" value="Choose firmware"></input>
                <input id="fileupload" type="file" name='icon' style="color: transparent;display: none;">
            </form>
            <div class="tip">
                <div class="detail">
                    <table>
                        <tr>
                            <td>Device Version:</td>
                            <td id="verNameTip"></td>
                        </tr>
                        <tr>
                            <td id="fileNameTipDisc">File Name:</td>
                            <td id="fileNameTip"></td>
                        </tr>
                        <tr>
                            <td id="fileSizeTipDisc">File Size:</td>
                            <td id="fileSizeTip"></td>
                        </tr>
                    </table>
                </div>

                <div class="detail" id="uploadListWrapper"
                    style="max-height: 200px;overflow: auto;overflow-x:hidden;display: none;">
                    <table id="fileList">

                    </table>
                </div>
            </div>
            <div id="diskGroup">

            </div>
            <div class="opBtnGroup">
                <button class="opBtn" id="cleanDiskBtn" style="display: none;">
                    <div class="pg-content"> CLEAN DISK</div>
                </button>
                <button class="opBtn" id="checkFilesBtn" style="display: none;" disabled>
                    <div class="pg-content"> CHECK FILES</div>
                </button>
            </div>
            <button class="opBtn" id="uploadBtn" disabled>
                <div class="pg-content" id="uploadText"> UPLOAD </div>
                <div class="pg-body">
                    <div class="pg-inner" id="pg-bar"></div>
                </div>
            </button>
        </div>
    </div>
</body>

</html>